main{
    .position{
        line-height: .38rem;
        height: .38rem;
        font-size: .14rem;
        padding-left: .15rem;
        background-image:linear-gradient(to bottom, #fff, #ccc);
        a{
            color: #666;
        }
    }
    h2{
        margin: .1rem 0;
        height: .4rem;
        background-color: #f4f4f4;
        font-size: .16rem;
        line-height: .4rem;
        padding-left: .1rem;
        border-top: .01rem solid #ccc;
        border-bottom: .01rem solid #ccc;

    }
    .ranking{
        h3{
            padding: 0 .2rem;
            height: .36rem;
            line-height: .34rem;
            font-size: .16rem;
            font-weight: 600;
            background-color: #f4f4f4;
            border: .01rem solid #eee;
            i{
                float: right;
            }
        }
        .rankingContent{
            display: none;
            li{
                padding: .08rem .15rem;
                border-bottom: .01rem solid #ccc;
                a{
                    display: block;
                    height: auto;
                    color: #000;
                    .head{
                        display: flex;
                        align-items: center;
                        span{
                            text-align: center;
                            color: #fff;
                            font-size: .2rem;
                            line-height: .3rem;
                            display: inline-block;
                            width: 0.30rem;
                            height: 0.30rem;
                            background-color: #ccc;
                        }
                        h4{
                            margin-left: .2rem;
                            font-size: .18rem;
                        }
                    }
                    p{
                        margin-top: .1rem;
                        color: #999;
                       font-size: .14rem;
                       height: .2rem;
                       line-height: .2rem;
                    }
                }
                &:nth-child(1){
                    a .head span{
                        background-color: red;
                    }
                }
                &:nth-child(2){
                    a .head span{
                        background-color: orange;
                    }
                }
                &:nth-child(3){
                    a .head span{
                        background-color: green;
                    }
                }
            }
        }
    }
}